<!doctype html>
<html lang="en">

<%@ include file="Include_Student_Imports.jsp"%>

<body>
<!-- HEADER -->
<div style="position: fixed; width: 100%; z-index: 1;">
<%@ include file="Include_Student_Header.jsp"%>
<%@ include file="Include_Design_Table.jsp"%> 

<section id="secondary_bar">
<div class="user"><!-- <a class="logout_user" href="#" title="Logout">Logout</a> -->
</div>
<div class="breadcrumbs_container"><article class="breadcrumbs"><a
	href="StudentHomeServlet">Home</a>
<div class="breadcrumb_divider"></div>
<a class="current">Practice Exams</a></article></div>
</section>
<!-- end of secondary bar -->
</div>
<%@ include file="Include_Student_Menu.jsp"%>

<section id="main" class="column">

<%@ include file="Include_Student_Message.jsp"%>

<c:set var="examresponses" value="${requestScope.examresponses}"></c:set>

<div class="tablemodule" style="max-height: 400px;overflow: auto;">
<h5>Practice Exams Taken <div>Search: <input name="filt" onKeyUp="filter2(this, 'practiceExamsTakenTable', '1')" type="text"></div></h5>
<table class="tablesorter" cellspacing="0" id="practiceExamsTakenTable">
	<thead>
		<tr>
			<th>Exam ID</th>
			<th>Exam Name</th>
			<th>Date Taken</th>
			<th>Score</th>
			<th># of Items</th>
			<th>View</th>
		</tr>
	</thead>
	<tbody>
		<c:forEach items="${examresponses}" var="examreponse" varStatus="i">
		<c:set var="percentGrade" value="${examreponse.grade}"></c:set>
		<c:set var="passingGrade" value="${examreponse.exam.passingPercent}"></c:set>
		
		<tr>
			<td><c:out value="${examreponse.exam.examID}"/></td>
			<td><c:out value="${examreponse.exam.examName }"/> </td>
			<td><c:out value="${examreponse.dateTaken}"/> </td>
			<td><c:out value="${examreponse.computeScore() }"/></td>
			<td><c:out value="${examreponse.exam.questions.size() }"/> </td>
			<td><a href="ViewResultServlet?examresponseID=${examreponse.examResponseID}&examID=${examreponse.exam.examID}">Link</a></td>	
		</tr>	
			
		</c:forEach>
	</tbody>
</table>
</div>
<div class="spacer"></div>
<div class="clear"></div>

<!-- end of post new article -->


<div class="spacer"></div>
</section>


</body>

</html>